<template>
  <div class="chat-list">
    <ChatCard
      :thisRoomId="item.id"
      :chatInfo="item"
      v-for="(item, index) in chatList"
      :key="item.id || index"
    />
  </div>
</template>

<script>
import ChatCard from './ChatCard'
import { mapState } from 'vuex'

export default {
  components: { ChatCard },
  ...mapState('app', ['roomId']),
  props: ['chatList']
}
</script>

<style lang="scss" scoped>
</style>
